.index
    width 100%
    height 1750px
    margin-top 400px
.index-content
    width 1200px
    height 1750px
    margin 0 auto
    border-radius 5px
    background-color #fff
    padding 20px 30px
.realize
    width 1140px
    height 600px
    margin-bottom 20px
    padding 20px 15px
    background-color #fff;
    border-radius  10px
.re-nav
    width 1110px
    height 50px
    border-bottom 1px solid #d2d2d2
    margin-bottom 10px
    & span
        padding-left 10px
        font-size 18px 
        float left
        height 50px
        line-height 50px
    & a
        float right
        height 50px
        line-height 50px
        &:hover
            text-decoration none
            color lighten(red,20%)

.re-modals
    height 500px
    width 1110px
.re-modal
    border-radius 5px
    float left
    width 20%
    margin 10px 2.5%
    height 230px
    overflow hidden
    background-color #fff;
    box-shadow 2px 2px 1px lighten(gray,50%)
    &:hover
        box-shadow 0 0 5px darken(gray,50%)
        margin 5px 2.5% 15px 2.5%
.re-img
    width 100%
    height 70%
    overflow hidden
    & img 
        margin 0 auto
        width 100%
        height 100%
        cursor pointer
        transition all 1s
        &:hover
            transform scale(1.50)
.re-title
    width 100%
    height 15%
    & p
        padding 5px 0
        text-align center      
    & a,a:visited
        color #111
    & a:hover
        text-decoration none
        color darken(#309ffc,30%)

.re-icon
    width 100%
    height 15%
    padding 0 5px 5px 5px
    & img
        float right
.icons
    float left
    width 130px
    height 20px
    margin-top 5px
    padding 0
    & span
        margin 0 8px
        &:hover
            color: #309ffc

    

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

.help-center
    width 1140px
    height 464px
    margin-bottom 20px
    padding 20px 15px
    background-color #fff;
    border-radius  10px
.he-nav
    width 1110px
    height 50px
    border-bottom 1px solid #d2d2d2
    margin-bottom 10px
    & span
        padding-left 10px
        font-size 18px 
        float left
        height 50px
        line-height 50px
.he-content
    height 362px
    width 1110px
    padding 10px 10px
.he-help
    float left
    height 342px
    width 22.5%
    margin 1.25% 
    & p
        font-size 18px
        text-align center     
.he-img
    width 200px
    height 206px
    margin 0 auto
    & img
        width 200px
        height 206px
.he-msg
    width 100%
    height 116.4px
    padding 10px 20px
    font-size 16px
    text-align center
    color gray